import { Link, Warning } from '@brillout/docpress'
import { ProvidedBy, ConfigSpec } from '../../components'

<ConfigSpec
  env="client, server"
  providedBy={<ProvidedBy list={['vike-react']} noCustomGuide={true}>the <code>reactStrictMode</code> setting</ProvidedBy>}
/>

By default `vike-react` wraps your <Link href="/Page">`Page` component</Link> with [`<StrictMode>`](https://react.dev/reference/react/StrictMode) but you can opt-out:

```ts
// /pages/+config.ts

import type { Config } from 'vike/types'
import vikeReact from 'vike-react/config'

export default {
  // Don't use <StrictMode>// [!code ++]
  reactStrictMode: false,// [!code ++]
  extends: [vikeReact]
} satisfies Config
```

<Warning>
  We recommend against opting-out of `<StrictMode>`: it ensures your app behaves as React expects which means much less potential bugs. (See [React > `<StrictMode>`](https://react.dev/reference/react/StrictMode).)
</Warning>


## See also

- [React > `<StrictMode>`](https://react.dev/reference/react/StrictMode)
- <Link href="/vike-react"/>
- <Link href="/settings"/>
